@import "../../common/css/mixin.scss";

.common-banner-width {
  width: 100%;
  position: absolute;
  top: 0;
  .detail-banner {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    .solution-common-left {
      padding-top:240px;
      .solution-common-title {
        font-size: 48px;
        font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
        font-weight: normal;
        color: rgba(44, 46, 48, 1);
        line-height: 55px;
        margin-bottom: 20px;
      }
      .banner-img{
        width:800px;
      }
      .solution-common-describe {
        width: 514px;
        font-size: 21px;
        font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
        font-weight: normal;
        color: rgba(126, 128, 133, 1);
        line-height: 42px;
      }
    }
    img {
      width: 700px;
    }
  }
}

.solution-advantage-common {
  width: 100%;
  padding: 88px 0 178px 0;
  .advantage {
    font-size: 34px;
    font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
    font-weight: normal;
    color: rgba(44, 46, 48, 1);
    line-height: 39px;
    text-align: center;
    margin-bottom: 100px;
  }
  .left-img {
    @include flex-row-center;
    align-items: center;
    img {
      width: 480px;
      height: 480px;
    }
    .advantage-describe {
      width: 614px;
      .advantage-title {
        font-size: 48px;
        font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
        font-weight: normal;
        color: rgba(44, 46, 48, 1);
        line-height: 55px;
        margin-bottom: 20px;
      }
      .advantage-describe-content {
        font-size: 21px;
        font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
        font-weight: normal;
        color: rgba(126, 128, 133, 1);
        line-height: 42px;
      }
    }
  }
  .right-img {
    @include flex-row-center;
    align-items: center;
    .advantage-describe-other {
      width: 614px;
      .advantage-title {
        font-size: 48px;
        font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
        font-weight: normal;
        color: rgba(44, 46, 48, 1);
        line-height: 55px;
        margin-bottom: 20px;
        text-align: right;
      }
      .advantage-describe-content {
        font-size: 21px;
        font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
        font-weight: normal;
        color: rgba(126, 128, 133, 1);
        line-height: 42px;
        text-align: right;
      }
    }
    img {
      width: 480px;
      height: 480px;
    }
  }
}
